{% extends '../layouts/layout.html' %}

{% block content %}
  {% for forum in forums %}
  <article class="forum-category">
    <header class="forum-category-title">{{ forum.category }}</header>
    <section>
      <ul class="forums">{% for f in forum.items %}
        <li class="forum">
          <header class="forum-title">
            <a class="forum-link" href="/forum/{{ f.permalink }}">{{ f.title }}</a>
            <span class="forum-topics-count">({{ f.topics_count }})</span>
            <a href="/forum/{{ f.permalink }}/feed.xml">
              <img src="/img/feed.png" alt="Feed" width="16" height="16">
            </a>
          </header>
          <p class="forum-summary">
            {{ f.summary }}
          </p>
        </li>
      {% endfor %}</ul>
    </section>
  </article>
  {% endfor %}
{% endblock %}
